/**
 * login JavaScript
 */
mui.init()
/**
 * 设置适配字体大小 rem
 */
var html = document.documentElement;
windowWidth = screen.width; // 设备宽度
var $rem = windowWidth / 19.2;
html.style.fontSize = $rem + 'px';
// 等价于html.style.fontSize = windowWidth / 640 * 100 + 'px';
//console.log(windowWidth);
localStorage.setItem('$indexRem', $rem);
var $deviceH = $(document).height();
//console.log($deviceH);
$('.mui-content').css({
	'height': $deviceH
})

var vm = new Vue({
	el: '#loginForm',
	data: {
		content: '',
		amount: 0,
		flag: true,
		devid: ''
	},
	mounted: function() {
		this.init();
	},
	methods: {
		init: function() {
			window.addEventListener('getImg', function() {
				if(vm.amount >= 2) {
					vm.getImg();
				}
			})
			mui.plusReady(function() { // 判断登录状态   登录过的直接进入index 提示自动登录成功
				vm.devid = plus.device.uuid; // 设备唯一标识号
				//console.log(vm.uuid)
				var token = plus.storage.getItem('token');
				//console.log(token);
				if(token != null) {
					mui.toast('自动登录成功!')
					mui.openWindow({
						url: 'index.html',
						id: 'index.html'
					});
					var current = plus.webview.currentWebview();
					plus.webview.hide(current);
				};
				//vm.getImg();
			});
		},
		submitFun: function(event) {
			//console.log(vm.amount)
			$('.mui-input-row').each(function(i, v) { // 判断表单验证
				var type = $(this).find('input').attr('xbzx-verify'),
					code = $(this).find('input').attr('placeholder'),
					value = $(this).find('input').val();
				//console.log(value);
				switch(type) {
					case 'phone': // 用户名  11位数字，第一位为1
						if(value == '') {
							plus.nativeUI.toast(code)
							vm.amount ++;
							$(this).focus();
							vm.flag = false;
							return false;
						} else if(!(/^1\d{10}$/.test(value))) {
							$(this).focus();
							plus.nativeUI.toast('手机号码不正确')
							vm.amount ++;
							vm.flag = false;
							return false;
						} else {
							vm.flag = true;
						}
						break;
					case 'password': // 密码  6~16位字母、数字、符号
						if(value == '') {
							plus.nativeUI.toast(code)
							vm.amount ++;
							$(this).focus();
							vm.flag = false;
							return false;
						} else if(value.length < 6) {
							plus.nativeUI.toast('请输入6-16位密码')
							vm.amount ++;
							$(this).focus();
							vm.flag = false;
							return false;
						} else if(!(/^[a-z0-9~`!@#$%^&*\-+\(\)\.\/?]{6,16}$/.test(value))) {
							mui.toast('密码不正确');
							vm.amount ++;
							$(this).focus();
							vm.flag = false;
							return false;
						} else {
							vm.flag = true;
						}
						break;
					case 'verify': // 验证码  4位字母或数字
						if(value == '') {
							plus.nativeUI.toast(code)
							vm.amount ++;
							$(this).focus();
							vm.flag = false;
							return false;
						} else if(!(/^[a-zA-Z0-9]{4}$/.test(value))) {
							plus.nativeUI.toast('验证码不正确')
							vm.amount ++;
							$(this).focus();
							vm.flag = false;
							return false;
						} else {
							vm.flag = true;
						}
						break;
					default:
						break;
				}
			})

			if(vm.flag) {
				mui.ajax(rutour.login, {
					data: $('#commonForm').serialize(),
					dataType: 'json', //服务器返回json格式数据
					type: 'post', //HTTP请求类型
					success: function(data) {
						//服务器返回响应，根据响应结果，分析是否登录成功；
						if(data.code == 200) {
							//console.log(data);
							mui.toast(data.msg);
							vm.amount = 0;
							$('.mui-input-password').val('');
							plus.storage.setItem("token", data.data.token);
							mui.openWindow({
								url: 'index.html',
								id: 'index.html'
							});
							var current = plus.webview.currentWebview();
							plus.webview.hide(current);
						} else {
							mui.toast(data.msg)
							vm.amount ++;
							//vm.getImg();
						}
					},
					error: function(xhr, type, errorThrown) {
						//异常处理；
						console.log('网络/服务器出现错误，请稍后重试！');
					}
				});
			};
			if(vm.amount >= 2) { // 获取验证码
				vm.getImg();
			}
		},
		getImg: function() { // 图片验证码获取
			mui.ajax(rutour.loginImg, {
				dataType: 'json',
				type: 'get',
				data: {
					devid: vm.devid
				},
				success: function(data) {
					if(data.code == 200) {
						vm.content = data.data;
						new imgVerify({id: 'verifyImg',code: vm.content})
					} else {
						mui.toast(data.msg);
					}
				},
				error: function(xhr, type, errorThrown) {
					//异常处理；
					console.log('网络/服务器出现错误，请稍后重试！');
				}
			})
		}
	}
})